<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<title>SquareTASKS</title>
	<style type="text/css">
		@import url("css/reset.css");
		@import url("css/960gs.css");
		@import url("css/style.css");
		@import url("css/reveal.css");
		@import url("css/movingboxes.css");
		@import url("css/custom-theme/jquery-ui-1.8.18.custom.css");
		@import url("css/jquery-ui-timepicker-addon.css");
		@import url("css/base.css");
	</style>
	 <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    		<!--[if lt IE 9]>
      	<script src="./js/html5.js"></script>
    		<![endif]-->	
	<!-- Initialisation de la variable route -->
	<script>
		var routes = {	};
	</script>
	<!-- Scripts prioritaires -->
	<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
	<script language="javascript" type="text/javascript" src="js/director/director-1.0.7.min.js"></script>
	<!-- les routes -->
	<script src="js/director/accueil.js"></script>
	<script src="js/director/account.js"></script>
	<script src="js/director/favoris.js"></script>
	<script src="js/director/corbeille.js"></script>
	<script src="js/director/historique.js"></script>
	<script src="js/director/search.js"></script>
	<script src="js/director/add.js"></script>
	<!-- Script de la librairie JIT -->
	<script language="javascript" type="text/javascript" src="js/jit.js"></script>

	<!-- Les scripts de l'appli -->
		<!-- script du popUp -->
	<script language="javascript" type="text/javascript" src="js/jquery.reveal.js"></script>
		<!-- script du treemap -->
	<script language="javascript" type="text/javascript" src="js/conditionTreemap.js"></script>
	<script language="javascript" type="text/javascript" src="js/data.js"></script>
	<script language="javascript" type="text/javascript" src="js/functionTreemap.js"></script>
	<script language="javascript" type="text/javascript" src="js/lieuTreemap.js"></script>
	<!--[if IE]><script language="javascript" type="text/javascript" src="js/excanvas.js"></script><![endif]-->
		<!-- script pour ramener les infos du treemap dans la popUp -->
	<script language="javascript" type="text/javascript" src="js/chargerPopUp.js"></script>
	<script src="js/jquery.movingboxes.min.js"></script>
	<script src="js/slide.js"></script>
		<!-- script pour la google map -->
	<!--<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyDUpYzxHyPBB636w9g6WPZRGBECjZkqqw8&sensor=true_or_false" type="text/javascript"></script>-->
	<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script src="js/jquery.auto-geocoder.min.js"></script>
		<!-- timerPicker pour les alertes -->
	<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
	<script type="text/javascript" src="js/jquery.ui.datepicker-fr.js"></script>
	<script type="text/javascript" src="js/jquery-ui-timepicker-fr.js"></script>
	<script language="javascript" type="text/javascript" src="js/functionBasic.js"></script>

		<!-- script pour resizer la police au sein des tâches | Police Responsive -->
	<script language="javascript" type="text/javascript" src="js/jquery.fittext.js"></script>		
	
	<!-- chargement des routes -->
	<script>
		$(document).ready(function(){
			//Route par default
			$('#content').load('accueil.html', function(){
			initTreemap('infovis',IsAccueil,getData());
			policeTask();
			compter(lesTasks);
		});
		
			var router = Router(routes);
			router.init();
		});
	</script>
</head>

<body>
<div class="container_16">
	<nav>
		<div>		
			<ul class="grid_12">
            	<li class="grid_2 logo"><a href="#/accueil" title="" class="logoST"></a></li>				
				<li class="grid_2 menua"><a href="javascript: history.go(-1)" title="" class="previous">Précédent</a></li>
				<li class="grid_2 menua"><a href="#/accueil" title="" class="home">Accueil</a></li>
                <li class="grid_2 menua"><a href="#/favoris" title="" class="fav">Favoris</a></li>
                <li class="grid_2 menua"><a href="#/corbeille" title="" class="bin">Corbeille</a></li>
                <li class="grid_2 menua"><a href="#/historique" title="" class="hist">Historique</a></li>				
				<li class="grid_2 menua"><a href="#/search" title="" class="search">Rechercher</a></li>
                <li class="grid_2 menua"><a href="#" title="" class="add">Ajouter <span>▼</span></a>
					<div id="add-content">
						<form name="ajout_tache_rapide" onsubmit="return false;">
								<fieldset id="inputs">
										<input id="objet" name="objet" type="text" class="objectTask" placeholder="L'objet de la tâche est nécessaire" required>									
								</fieldset>
								<fieldset id="actions">
										<input type="submit" id="sauver" value="Sauver" onclick="quikadd();">
										<label><a href="#/add" title="+ de détails" id="moreDetails">Ajouter + de détails</a></label>
								</fieldset>
						</form>
					</div>
				</li>
			</ul>
			<div class="grid_4 access">
				<div class="access">
					<div class="avatar">
						<img src="img/avatar.jpg" alt="Cécile">
					</div>
					<h1 class="welcometext">Bienvenu Cécile </h1>
					<span class="sep">&#8594;</span>
					<a href="#/account" title="Mon compte" class="account">Mon compte</a>
					<span class="sep"> | </span>  
					<a href="connexion.html" title="Log out" class="logout">Déconnexion</a>
				</div>
			</div>
		</div>
	</nav>
	<div id="content"></div>
</div>
<div class="footer">
	Copyright 2012 Square<b>Tasks</b> - Projet Licence Professionnelle PARIS DESCARTES - Version Alpha <span class="version">0.1</span>  
</div>
</body>
</html>
